.roundedcorner (@value){
    -webkit-border-radius: @value;
    border-radius: @value;
    }
.roundedcorner (@tl, @tr,@bl,@br) {
        -webkit-border-radius: @tl @tr @bl @br;
        border-radius: @tl @tr @bl @br;  
    }
.boxshadow(no-inset, @hl, @vl, @blur, @spread,@red, @green, @blue, @alpha){
        -webkit-box-shadow:  @hl @vl @blur @spread rgba(@red, @green, @blue, @alpha);
        box-shadow:  @hl @vl @blur @spread rgba(@red, @green, @blue, @alpha);
}
    
.boxshadow(inset, @hl, @vl, @blur, @spread,@red, @green, @blue, @alpha){
    
        -webkit-box-shadow:inset  @hl @vl @blur @spread rgba(@red, @green, @blue, @alpha);
        
        box-shadow:inset  @hl @vl @blur @spread rgba(@red, @green, @blue, @alpha);
        
}
    
.boxshadow(no-inset, @hl, @vl, @blur, @spread,@hex){
        -webkit-box-shadow:  @hl @vl @blur @spread @hex;
        box-shadow:  @hl @vl @blur @spread @hex;
}
.textshadow (@hl, @vl, @blur, @color){
        text-shadow: @hl @vl @blur @color;
        filter: dropshadow(color=@color, offx=@hl, offy=@vl);
}
.rgba(@red,@green,@blue,@alpha){
    
        background-color: rgba(@red, @green, @blue,@alpha);
         
        color: rgba(@red, @green, @blue,@alpha);
    }

@font-face {
            font-family: 'museo';
            src: url('museo.eot?') format('eot'),
            url('museo.woff') format('woff'),
            url('museo.ttf') format('truetype');
}
.cols(@cols, @space){
    
        -moz-column-count: @cols;
        -moz-column-gap: @space;
        -webkit-column-count: @cols;
        -webkit-column-gap: @space;
        column-count: @cols;
    	column-gap: @space;
}
.trans(@type, @dur,@ease){
    
        -webkit-transition: @type @dur @ease;
    	-moz-transition: @type @dur @ease;
        -ms-transition: @type @dur @ease;
        -o-transition: @type @dur @ease;
		transition: @type @dur @ease;
  
    }
.transform(@scale, @rotate, @x, @y, @skew1,@skew2){
    
        -moz-transform: scale(@scale) rotate(@rotate) translate(@x,@y) skew(@skew1, @skew2);
    	-webkit-transform: scale(@scale) rotate(@rotate) translate(@x,@y) skew(@skew1, @skew2);
        -o-transform:  scale(@scale) rotate(@rotate) translate(@x,@y) skew(@skew1, @skew2);
        -ms-transform: scale(@scale) rotate(@rotate) translate(@x,@y) skew(@skew1, @skew2);
        transform: scale(@scale) rotate(@rotate) translate(@x,@y) skew(@skew1, @skew2);
    }
.gradient(){
    background: #1e5799; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

    }
.header{
   .roundedcorner (3px,1px, 5px,10px);
   .boxshadow(no-inset,0px,3px,0px,0px,#00f);
    background-color:red;
    height:50px
    }     


